﻿<!DOCTYPE html>
<html>
	<head>
		<title>好爸妈123&trade; v2.0</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="css/styles.css" />
		<link rel="stylesheet" href="css/iview.css" />
		<link rel="stylesheet" href="css/iviewSkin1/style.css" />
        <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
       
		<script type="text/javascript" src="Scripts/raphael-min.js"></script>
		<script type="text/javascript" src="Scripts/jquery.easing.js"></script>
        <script src="Scripts/iview.min.js" type="text/javascript"></script>
 
		<script>
		    $(document).ready(function () {
		        $('#iview').iView({
		            pauseTime: 7000,
		            directionNav: false,
		            controlNav: true,
		            tooltipY: -15
		        });
		    });
		</script>

	</head>

	<body>
<div id="cont">
		<div id="header">
			<div class="container">
				<h1><a href="#">好爸妈123&trade;</a></h1>
      
				<div id="nav">
					<ul>
						<li class="active"><a href="index.html">首页</a></li>
                        <li><a href="#">幼儿教育</a></li>
                        <li><a href="#">亲子活动</a></li>
                        <li><a href="#">亲子游戏</a></li>
                        <li><a href="#">亲子玩具</a></li>
                        <li><a href="#">爹妈论坛</a></li>
						<li><a href="#">联系我们</a></li>
					</ul>
				</div>
			</div>
		</div>

	<div class="container">
		<div id="iview">
			<div data-iview:image="upload/nav/photo1.jpg" data-iview:transition="slice-top-fade,slice-right-fade">
				<div class="iview-caption caption1" data-x="80" data-y="200">好爸妈<sup>&trade;</sup></div>
				<div class="iview-caption" data-x="80" data-y="275" data-transition="wipeRight">好爸妈～世界上最好的爸爸，世界上最好的妈妈！</div>
				<div class="iview-caption" data-x="254" data-y="320" data-transition="wipeLeft"><i>Only for <b>Good Father and Mother</b></i></div>
			</div>

			<div data-iview:image="upload/nav/photo2.jpg" data-iview:transition="zigzag-drop-top,zigzag-drop-bottom" data-iview:pausetime="3000">
				<div class="iview-caption caption5" data-x="60" data-y="280" data-transition="wipeDown">妈妈再爱我一次</div>
				<div class="iview-caption caption6" data-x="300" data-y="350" data-transition="wipeUp"><a href="#">很温暖咯</a></div>
			</div>

			<div data-iview:image="upload/nav/video.jpg" data-iview:type="video" data-iview:transition="strip-right-fade,strip-left-fade">
				<iframe src="http://player.vimeo.com/video/11475955?byline=1&amp;portrait=0" width="100%" height="100%" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
				<div class="iview-caption caption2" data-x="450" data-y="340" data-transition="wipeRight">点击播放</div>
			</div>

			<div data-iview:image="upload/nav/photo3.jpg">
				<div class="iview-caption caption4" data-x="50" data-y="80" data-width="312" data-transition="fade">世上只有爸妈好:</div>
				<div class="iview-caption blackcaption" data-x="50" data-y="135" data-transition="wipeLeft" data-easing="easeInOutElastic">有爸有妈的孩子才是个宝</div>
				<div class="iview-caption blackcaption" data-x="50" data-y="172" data-transition="wipeLeft" data-easing="easeInOutElastic">投进爸妈的怀抱，幸福享不了。</div>
				<div class="iview-caption blackcaption" data-x="50" data-y="209" data-transition="wipeLeft" data-easing="easeInOutElastic">没有妈妈最苦恼 没妈的孩子像根草</div>
				<div class="iview-caption blackcaption" data-x="50" data-y="246" data-transition="wipeLeft" data-easing="easeInOutElastic">世上只有妈妈好，没妈的孩子不知道。</div>
				<div class="iview-caption blackcaption" data-x="50" data-y="283" data-transition="wipeLeft" data-easing="easeInOutElastic">要是他知道，梦里也会笑！</div>
			</div>

			<div data-iview:image="upload/nav/photo4.jpg">
				<div class="iview-caption caption7" data-x="0" data-y="0" data-width="180" data-height="480" data-transition="wipeRight">
                <h3>爱的日子里</h3>这此话写给你 <i><b>全部都是</b></i>!<br><br>
                日子"一天一天" "一年的一年"过去了，应该百年归老的也去了，不应该归老的，也去了...剩下的只有脑海一片空白，最后，能想念的，能思念的，能怀念的，就是天下父母亲~ 
                <br><br>祝福天下的母亲，快乐幸福的过每一天。</div>
			</div>
			<div data-iview:image="upload/nav/photo5.jpg">
				<div class="iview-caption caption5" data-x="60" data-y="150" data-transition="wipeLeft">你还在等待什么？</div>
				<div class="iview-caption caption6" data-x="160" data-y="230" data-transition="wipeRight">赶快开始吧!</div>
			</div>
		</div>
	</div>

	<div class="copy">Made by <a href="#">俞上津</a>.<br>Copyright &copy 2013. All rights reserved.</div>
</div>

<div id="background-image">
	<img src="img/bckg.jpg" width="1820" height="1024" />
</div>
<script type="text/javascript" src="Scripts/jquery.fullscreen.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#background-image").fullscreenBackground();
    });
</script>
 
	</body>
</html>